<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="_csrf" content="${fn:escapeXml(CSRFToken)}"/>
    <title>图片锚点工具</title>
    <script type="text/javascript" src="../../../r/base/jQuery-1.10.2/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../../r/base/layer-v3.0.3/layer.js"></script>
    <!-- 其他组件 -->
    <!-- wiFrame 及 项目资源 -->
    <link type="text/css" rel="stylesheet" href="../../../r/wisoft/wiFrame/css/common.css"/>
    <script type="text/javascript" src="../../../r/wisoft/wiFrame/common.js"></script>
    <link type="text/css" rel="stylesheet" href="../../../r/project/common/frame/css/common.css"/>
    <script type="text/javascript" src="../../../r/project/common/frame/common.js"></script>
    <!-- 当前页面资源 -->
    <link type="text/css" rel="stylesheet" href="index.css"/>
    <script type="text/javascript" src="index.js"></script>
</head>
<body>
    <div class="wrap">
        <div class="panel">
            <div class="panel-h js-btns">
                <button type="button" class="btn" data-type="getImage">选择图片</button>
                <button type="button" class="btn" data-type="reset">重置</button>
                <button type="button" class="btn" data-type="getPoints">获取数据</button>
                <label>点线颜色:<input type="text" class="txt js-color" value="#000"/></label>
                <button type="button" class="btn" data-type="changeColor">改变颜色</button>
                <input type="file" class="invisible js-fileinput" />
            </div>
            <div class="panel-c">
                <div class="canvas-box js-canvas"></div>
                <div class="mouse-point js-show"></div>
            </div>
        </div>
    </div>
</body>
</html>